export const theme_blue = {
    "color": [
        "#0659a9",
        "#4364c3",
        "#27c6e1",
        "#86c3f5",
        "#c4ebad",
        "#96dee8"
    ],
    tooltip: {
        backgroundColor: 'rgba(27, 27, 27, .7)',
        axisPointer: {
            type: 'line',
            lineStyle: {
                color: '#27727B',
                type: 'dashed'
            },
            crossStyle: {
                color: '#27727B'
            },
            shadowStyle: {
                color: 'rgba(200,200,200,0.3)'
            }
        }
    },
    grid: {
        borderColor: '#1e476e'
    },
    categoryAxis: {
        axisLine: {
            lineStyle: {
                color: '#25c8e1'
            }
        },
        splitLine: {
            lineStyle: {
                color: ['#1e476e']
            }
        }
    },
    valueAxis: {
        axisLine: {
            lineStyle: {
                color: '#25c8e1'
            }
        },
        splitArea: {
            show: false,
            areaStyle: {
                color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
            }
        },
        splitLine: {
            lineStyle: {
                color: ['#1e476e']
            }
        }
    },
    textStyle: {
        color: "#beeafd"
    },
    line: {

        lineStyle: {
            normal: {
                width: 2,
                strokeWidth: 2,
            }
        },
        itemStyle: {
            normal: {
                borderWidth: 3,
                borderColor: '#25c8e1',
            },
            emphasis: {
                borderWidth: 2,
                color: "#25c8e1",
            }
        },
        symbol: 'circle',
        symbolSize: 2.5
    },

};
